<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>饼图</title>
		<script type="text/javascript" src="js/echarts.js" ></script>
	</head>
	<body>
		<div id="sales" style="width: 600px;height: 400px;">
			<script>
				var myCharts=
				echarts.init(document.getElementById("sales"));
				var option={
					title:{
						text:'产品销量',
						left:'center',
						subtext:'太原学院计科系'
					},
				tooltip:{
					trigger:'item',
					formatter:'{a} <br/>P{b}:c({d}%)'
				},
				legend:{
					//orient:"horizontal",
					orient:"vertical",
					left:'left',
					data:['鼠标','键盘','U盘','主板']
				},
				series:[
				{
					name:'所售商品',
					type:'pie',
					radius:['60%','80%'],
					data:[
					{value:300,name:'鼠标'},
					{value:400,name:'键盘'},
					{value:500,name:'U盘'},
					{value:600,name:'主板'}
					]
				  }
				 ]
				};
				myCharts.setOption(option);
			</script>  
		</div>
	</body>
<ml>